<!doctype html>
<html>
<head>
  <meta charset="utf8">
	<title></title>
	<link rel="stylesheet" href="ban.css">
	<link rel="stylesheet" href="bord.css">
	<link rel="stylesheet" href="footer.css">
</head>
<body>
<div id="brim"></div>
	<div id="d1" style="background-color: #fafafa;">
	  <div class="nav-top">
				<a href="#">
					<img src="images/01.png" alt="" />
				</a>
				<a href="search.html">
					<b>全部</b>
				</a>
				<a href="search.html">
					<b>海洋剧场</b>
				</a>
				<a href="search.html">
					<b>海底世界</b>
				</a>
				<a href="script:;" id="door">
					<b>购物车</b>
				</a>
		</div>

	  <div id="main">
		  <div class="water" style="height:530px;">
			  <div class="col1">
				 <!-- <img src="images/1.jpg" alt="" />-->	
			  </div>
			  <div class="col2" style="width:450px;" >
				 
          <h2 id="h2"> <!--水上乐园、海底剧场、海洋世界--></h2>
				  <p class="description"><!--极地馆：主要为极地动物区，分为白鲸池、海狮池、海豚池、海豹池、企鹅池、水<br>獭池等水生生物展示休息表演池，以及北极狼舍、北极狐舍等陆生生物展示休息笼<br>舍。馆内建有一	个高大宽敞明亮，音响等设备设施先进配备LED大型显示屏的表演<br>剧场，可供1800多游客同时近距离观赏海豚、海狮等精彩表演。-->
				  </p>
			    <div id="pre">
					 <!-- <span class="price">199.00元</span>-->
			    </div>
				  <div>
						<p>门票</p>
						<div class="people">
							<a href="" >日间单人门票</a>
							<a href="" class="people2">日间情侣门票</a>
						</div>
						<table style="clear:both"></table>
				</div>
				<div class="form-group">
					<p class="count">数量</p>
					  <div class="gouwu">
							<span class="input-group-btn">
								<button class="btn1"  type="button">-</button></span>
								<input type="text" value="1" style="text-align:center" id="number">
							<span class="input-group-btn">
								<button class="btn2" type="button">+</button>
							</span>
				        </div>
                       <p class="num">库存1098件</p>
                </div>
		        <div class="like" id="like">

					<!--<a href="script:;" id="dogcar">
						<span class="shop">加入购物车</span>
					</a>
		
					<a >
						  <span class="enter">加入收藏</span>
					</a>-->
	            </div>

			</div>
		 </div>
	  </div>
	</div>


	<div id="nav" style="margin-top:120px">
	    <div class="base">
		   <!--左介绍-->
			<div class="left">
						<a href="">景点介绍</a>
						<a href="">预定须知</a>
				<div>
				    <p>极地馆：主要为极地动物区，分为白鲸池、海狮池、海豚池、海豹池、企鹅池、水獭池等水生生物展示休息表演池，以及北极狼舍、北极狐舍等陆生生物展示休息笼舍。馆内建有一个高大宽敞明亮，音响等设备设施先进配备LED大型显示屏的表演剧场，可供1800多游客同时近距离观赏海豚、海狮等精彩表演。</p>
					<ul>
						<li>优待政策
						3周岁（不含）以下儿童免费。</li>
                        <li>预订限制<br>本产品一经预订成功，不可免费修改或取消，如需修改或取消，需收取订单金额100%的票券损失费。
                       如您选择参加部分行程，未完成部分将被视为您自行放弃，不退任何费用。</li>
                         <li>温馨提示
                        关于海洋公园天气警告讯号1：【黄色暴雨&红色暴雨】海洋公园开放时间维持不变，唯部门之室外机动游戏将不会开放。【黑色暴雨】如黑色暴雨警告讯号于开放时间内悬挂，公园将会维持有限度之开放。如黑色暴雨警告讯号开放时间悬挂，公园将延迟至讯号除下两小时或之后开放，并提供有限度之设置。公园亦有可能延长关闭，要视乎受影响之程度，决定重新开放之时间。游人请透过海洋公园网站或致电（852）3923 2323 查询，获知最新开放安排。
						关于海洋公园天气警告信号2：【一号热带气旋】海洋公园开放时间维持不变，唯部分之机动游戏可能需要暂停开放。【三号热带气旋】海洋公园仍然维持正常运作，唯所有室外机动游戏将不会开放。【八号热带气旋】如八号热带气旋警告信号于开放时间内悬挂，公园将尽快于清场后关闭。如八号热带气旋于开放时间前悬挂，公园将延至信号除下两小时或之后开放，并提供有限度之设施。公园亦有可能延长关闭，要视乎受影响之程度，决定重新开放之时间。游人请透过海洋公园网站或致电（852）3923 2323 查询，获知最新开放安排。如八号热带气旋警告信号于下午2时仍然生效，海洋公园将会全日关闭。
						由于以上天气或其它不可抗因素等原因导致无法出行，建议客人改期使用，我司不接受任何退改，敬请谅解。
						因交通延阻、罢工、天气、飞机、机器故障、航班取消或更改时间等不可抗力原因所导致的额外费用请自理。 </li>
					</ul>
					
				</div>
		
				<!--插入一段视频-->
				<video id="v3" controls poster="images/2.jpg"
                preload="metadata" muted style="margin-top:30px">

						<source src="res/birds.mp4">
						<source src="res/birds.wav">
						<source src="res/birds.ogg">
						您的浏览器版本太低，请升级
				</video>
				
			</div>
           <!--右推荐-->
			<div class="right">
			    <h3>热门推荐</h3>
			    <div  class="pic">
				   <!-- 
				   <a href=""> <img src="images/1.jpg" title="水上乐园"></a><br>
				   <a href="" class="hai">水上乐园</a>
				   <p>199.00元</p>
				   <a href=""> <img src="images/2.jpg" title="极地海洋馆"></a><br>
				   <a href="" class="hai">极地海洋馆</a>
				   <p>199.00元</p>
				   <a href=""> <img src="images/3.jpg" title="白鲸表演"></a><br>
				   <a href="" class="hai">白鲸表演</a>
				   <p>199.00元</p>
				   <a href=""> <img src="images/4.jpg" title="白鲸表演"></a><br>
				   <a href="" class="hai">海豚表演</a>
				   <p>199.00元</p>
				   <a href=""> <img src="images/5.jpg" title="海豹表演"></a><br>
				   <a href="" class="hai">海豹表演</a>
				   <p>199.00元</p>
				   <a href=""> <img src="images/6.jpg" title="人鲨共舞"></a><br>
				   <a href="" class="hai">人鲨共舞</a>
				   <p>199.00元</p>-->
				</div>
			</div>	  		      
		</div>
	</div>
	<div id="foot"></div>
</body>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/ajax.js"></script>
<script src="js/bord.js"></script>
<script src="js/ban.js"></script>
<script src="js/footer.js"></script>
</html>